$(function() {
  // 1.获取关键字,填充在输入框中.
  // 根据关键字去后台查找对应的商品,并进行渲染.
  // 点击搜索,重新进行搜索.并进行渲染.
  var key = decodeURI(location.search.split("=")[1]);
  $(".search_input").val(key);

  var obj = {
    proName: key,
    page: 1,
    pageSize: 100
  };
  function render() {
    $.ajax({
      type: "get",
      url: "/product/queryProduct",
      data: obj,
      dataType: "json",
      beforeSend: function() {
        $(".lt_product").html('<div class="loading"></div>');
      },
      success: function(res) {
        //成功的回调函数
        console.log(res);
        setInterval(function() {
          $(".lt_product").html(template("tmp", res));
        }, 1000);
      }
    });
  }
  render();

  //点击搜索按钮，根据新的关键字 重新进行搜索
  $(".search_btn").click(function() {
    var txt = $(".search_input").val();
    if (txt.trim().length == 0) {
      mui.toast("请输入内容");
      return;
    }
    var arr = JSON.parse(localStorage.getItem("search"));
    // 添加之前判断是否有重复项,有删除.
    var index = arr.indexOf(txt);
    if (index > -1) {
      arr.splice(index, 1);
    }
    arr.unshift(txt);
    // 确保数组的长度为6
    if (arr.length > 6) {
      arr.pop();
    }
    localStorage.setItem("search", JSON.stringify(arr));
    // 根据关键字进行查找渲染.
    obj.proName = txt;
    render();
  });
});
